<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>ws</title>
	<style type="text/css">
		*{margin: 0; padding: 0; list-style: none; box-sizing: border-box;}
		
		.ull_w li{
			float: left;
			padding: 5px 20px;
			border-right: 1px solid #cccccc;
		}
		.div_w>div{
			float: left;
			margin-right: 20px;
		}
	</style>
		
  </head>
  <body>
	  <div style="width: 96%;margin: 50px auto;">
	  	<ul class="ull_w" style="width:577px; overflow: hidden; border: 1px solid #cccccc; margin-bottom: 30px;">
	  		<li>新增</li>
			<li>修改</li>
			<li>删除</li>
			<li>置顶</li>
			<li>取消置顶</li>
			<li>推荐</li>
			<li style="border-right: none;">取消推荐</li>
	  	</ul>
		<div class="div_w" style="width: 100%; overflow: hidden;">
			<div>短信名称：<input type="text" style="border: none; width: 100px; border-bottom: 1px solid #cccccc;"/></div> 
			<div>短信状态 <select style="width: 50px;"><option></option></select></div>
			<div>专题ID：<input type="text" style="border: none; width: 60px; border-bottom: 1px solid #cccccc;"/></div>
			<div>专题名称：<input type="text" style="border: none; width: 60px; border-bottom: 1px solid #cccccc;"/></div>
			<div>专题状态：<select style="width: 50px;"><option></option></select></div>
			<div>频道：<select style="width: 50px;"><option></option></select></div>
			<button style="float: left; border: none; width: 60px; padding: 5px; border: 1px solid #cccccc;text-align: center; font-size: 14px; border-radius: 10px; background:#ffffff;">搜索</button>
		</div>
		<table border="1"  cellspacing="0" cellpadding="0" style="width: 100%; text-align: center; margin-top: 30px;">
			<tr>
				<td>选择</td>
				<td>ID</td>
				<td>标题</td>
				<td>状态</td>
				<td>专题ID</td>
				<td>专题名称</td>
				<td>专题状态</td>
				<td>频道</td>
				<td>。。。</td>
			</tr>
			<tr>
				<td><input type="checkbox"/></td>
				<td>1</td>
				<td>短评xxxxxxxxx</td>
				<td>待审核</td>
				<td>1</td>
				<td>专题xxxxxxxxx</td>
				<td>待审核</td>
				<td>时事</td>
				<td></td>
			</tr>
			<tr>
				<td><input type="checkbox"/></td>
				<td>2</td>
				<td>短评xxxxxxxxx</td>
				<td>待发布</td>
				<td>1</td>
				<td>专题xxxxxxxxx</td>
				<td>待发布</td>
				<td>财经</td>
				<td></td>
			</tr>
			<tr>
				<td><input type="checkbox"/></td>
				<td>3</td>
				<td>短评xxxxxxxxx</td>
				<td>已发布</td>
				<td>2</td>
				<td>专题xxxxxxxxx</td>
				<td>已发布</td>
				<td>旅游</td>
				<td></td>
			</tr>
			<tr>
				<td><input type="checkbox"/></td>
				<td>4</td>
				<td>短评xxxxxxxxx</td>
				<td>待发布</td>
				<td>3</td>
				<td>专题xxxxxxxxx</td>
				<td>待发布</td>
				<td>旅游</td>
				<td></td>
			</tr>
		</table>
	  </div>
  </body>
</html>
